<style src="./import.css" scoped ></style>
<template>
  <vue-tab current="import"></vue-tab>
  <div class="sec-top">
    <div class="form-inline">
      <label>转仓的资金账号：</label>
      <input type="text" class="form-control input-sm"  v-model="tradeNo">
      <label>转仓时间：</label>
      <vue-date-picker
      :time.sync="time"
      :option="datePickerOption">
      </vue-date-picker>
      <!-- <input type="text" class="form-control input-sm"  v-model="time"> -->
      <label>转仓金额：</label>
      <input type="number" class="form-control input-sm"  v-model="tradePrice">
      <select class="form-control" v-model="tradeType">
        <option value="1" selected>港币</option>
        <option value="2" >美金</option>
      </select>
      <button class="btn btn-primary btn-sm" @click="save">录入</button>
    </div>
  </div>
  <table class="table table-bordered table-hover">
    <caption>用户列表</caption>
    <thead>
      <tr>
        <th class="col-sm-2">资金账号</th>
        <th class="col-sm-1">转仓时间</th>
        <th class="col-sm-2">转仓金额</th>
      </tr>
    </thead>
    <tbody>
      <tr v-for="item in list">
        <td>{{item.tradeNo}}</td>
        <td>{{item.tradeTime}}</td>
        <td>
          <span v-if="+item.tradeType ===1">HK$</span>
          <span v-else>USD$</span>
          {{item.tradePrice}}</td>
      </tr>
    </tbody>
  </table>
</template>

<script type="text/javascript" src="./import.js"></script>
